iT邦幫忙

2023 iThome 鐵人賽

DAY 5
2
WordPress

暢玩 WordPress 30 天 部署 X 開發 X 上線系列 第 5

Day05: 寫作 WordPress! 如何撰寫文章與設定分類呈現

  • 分享至 

  • xImage
  •  

講了那麼多,那我該如何寫文章呢?

這篇文章將會把鐵人賽的文章轉移到我本地的 WordPress 中,透過這件事來展示跟文章有關的分類、標籤與相關的設定。

將文章頁面攤開可以得到這樣的心智圖,我們可以看到一個文章編輯器也是有很多的功能可以介紹與示範功能
撰寫文章的區塊

當你對著文章區塊按下 / 就可以呼叫出這張圖上的選單,我們可以看到支援很多種格式
文章的構成

這是我的鐵人賽:暢玩 WordPress 30 天 部署 X 開發 X 上線 的第一篇在 WordPress 後台上的模樣
https://ithelp.ithome.com.tw/upload/images/20230905/2016257015viQOU9hh.png

當你點選了某一個段落時,會出現該段落的細節設定,他們有一組共通設定如下
https://ithelp.ithome.com.tw/upload/images/20230906/20162570R2Arxu6gaR.png

  1. 複製:複製該段落到剪貼簿供貼上。
    https://ithelp.ithome.com.tw/upload/images/20230906/20162570BA5NLjfcEj.png
  2. 再製:會在下方複製一個一模一樣的區塊。
    https://ithelp.ithome.com.tw/upload/images/20230906/20162570koBF3xbSvS.png
  3. 與前方插入:在上方插入一個空區塊。
    https://ithelp.ithome.com.tw/upload/images/20230906/20162570JNm66p16Ec.png
  4. 於後方插入:在下方插入一個空區塊。
    https://ithelp.ithome.com.tw/upload/images/20230906/201625703w77yAJgkN.png
  5. 複製樣式:跟複製一樣,但他是複製大小、顏色、連結
    https://ithelp.ithome.com.tw/upload/images/20230906/20162570BA5NLjfcEj.png
  6. 貼上樣式:貼上大小、顏色、連結
  7. 組成群組:可以把文字跟圖片弄成一個區塊,可以直接整體拖曳。
    https://ithelp.ithome.com.tw/upload/images/20230906/20162570XQC3TJTJs8.png
  8. 鎖定:可以禁止移動或刪除
    https://ithelp.ithome.com.tw/upload/images/20230906/20162570NXR6kZ2jRy.png
  9. 建立區塊版面配置/可重複使用區塊:可以將區塊複製並且儲存,在別的地方快速復用
    https://ithelp.ithome.com.tw/upload/images/20230906/20162570k4Oz8jErgM.png
  10. 移至:將所選移至其他區塊
  11. 編輯 HTML 程式碼:WordPress 文章編輯器其實就是 HTML 編輯器,所以可以直接編輯 HTML
    https://ithelp.ithome.com.tw/upload/images/20230906/20162570vNdQr48Wjg.png
  12. 刪除:刪除所選區塊

針對每一個段落還可以有個別的設定,大致上就是增加顏色、大小與連結
https://ithelp.ithome.com.tw/upload/images/20230906/20162570UFXTcKyNZ7.png

為文章增加分類

右側文章區塊,可以直接點選新增分類
https://ithelp.ithome.com.tw/upload/images/20230906/20162570BP1tKnkBJr.png

也可以在這區塊內設定剛新增的鐵人賽分類為上層分類
https://ithelp.ithome.com.tw/upload/images/20230906/20162570knMqaCMayV.png

為文章增加標籤

右側文章區塊,可以直接點選新增標籤

https://ithelp.ithome.com.tw/upload/images/20230906/20162570ouMLLZBsXI.png

發布文章

這就是前台會看到的畫面,我們加入了圖片、文字與連結,發佈了我們在 WordPress 的第一篇文章!
https://ithelp.ithome.com.tw/upload/images/20230906/20162570tUG7eXJoFS.png

總結

今天我們學到了基本文章編輯器的功能、用法操作,功能可以由增加插件與版本更新而改變。
讀者可以依據這篇文章來掌握 WordPress 的基本操作!
撰寫文章的區塊

明日的預告

明天會開始介紹頁面的設計與編輯器用法。


上一篇
Day04: 摸索 WordPress! 從後台功能大綱開始介紹
下一篇
Day06: 裝飾 WordPress! 使用 WordPress 設計頁面
系列文
暢玩 WordPress 30 天 部署 X 開發 X 上線30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言